<template>
  <div>
    <!-- - 1 + -->
    <h1>数字框组件 - 练习v-model在组件上使用</h1>
    <!-- 
      语法糖 在组件上使用 
        :value - 父传子 属性传进去
        @input - 子传父 子组件给父组件emit了一个input
          v-model已经帮你实现 （本质是拆分了value和input事件）
          不要理解成双向数据绑定后子组件直接改了父组件的数据 
          本质还是遵循了单向数据流 emit了input事件

          $event 在组件通讯中 代表子传父的数据
     -->
    <!-- <hm-input-number :value="num" @input="num = $event"></hm-input-number> -->
    <hm-input-number v-model="num"></hm-input-number>
  </div>
</template>

<script>
import HmInputNumber from "./components/hm-input-number.vue";
export default {
  components: {
    HmInputNumber,
  },
  data() {
    return {
      num: 10,
    };
  },
  methods: {
    // handleInput(val) {
    //   console.log("儿子给父亲的", val);
    //   // this.num = val;
    // },
  },
};
</script>

<style>
</style>
